*, button, input, i, a {
  -webkit-font-smoothing: antialiased;
}

*,
*:active,
*:hover {
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

small {
  font-size: 11px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  small {
    font-size: 12px;
  }
}

html {
  overflow-x: hidden;
}

html, body {
  min-height: 100vh;
  margin: 0;
  background: #fbf9fe;
}

body {
  @include animated(fadeIn, 1000ms);
  position: relative;
}

a {
  @extend %transition;
  &:hover, &:focus, &:active {
    text-decoration: none;
  }
}